<%@ page language="C#" autoeventwireup="true" inherits="loginnew, App_Web_supvbhfv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html>
<html lang="en" id="main125" runat="server">
<head runat="server">
    <meta charset="utf-8" content="en">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Login for Attendance Management System</title>
    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
    <link rel="stylesheet" media="screen" href="css/theme.new.css">
    <link rel="Stylesheet" href="css/glightbox.css" />
    <style>
        .cs-page-loading {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all .4s .2s ease-in-out;
            transition: all .4s .2s ease-in-out;
            background-color: #fff;
            opacity: 0;
            visibility: hidden;
            z-index: 9999;
        }

            .cs-page-loading.active {
                opacity: 1;
                visibility: visible;
            }

        .cs-page-loading-inner {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-align: center;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
            opacity: 0;
        }

        .cs-page-loading.active > .cs-page-loading-inner {
            opacity: 1;
        }

        .cs-page-loading-inner > span {
            display: block;
            font-family: 'Open Sans', sans-serif;
            font-size: 1rem;
            font-weight: normal;
            color: #918773;
        }

        .cs-page-spinner {
            display: inline-block;
            width: 2.75rem;
            height: 2.75rem;
            margin-bottom: .75rem;
            vertical-align: text-bottom;
            border: .15em solid #f18b38;
            border-right-color: transparent;
            border-radius: 50%;
            -webkit-animation: spinner .75s linear infinite;
            animation: spinner .75s linear infinite;
        }

        @-webkit-keyframes spinner {
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes spinner {
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
    </style>
    <script type="text/javascript">
        (function () {
            window.onload = function () {
                var preloader = document.querySelector('.cs-page-loading');
                preloader.classList.remove('active');
                setTimeout(function () {
                    preloader.remove();
                }, 2000);
            };
        })();
        function validateForm() {
            var x = document.forms["form1"]["TextBox1"].value;
            var y = document.forms["form1"]["TextBox2"].value;
            var z = document.forms["form1"]["TextBox3"].value;
            if (x == null || x == "") {
                alert("Corporate Id is Not Empty");
                return false;
            }
            //        if ((x.length < 3) || (x.length > 8)) {
            //            alert("Your Character must be 3 to 8 Character");
            //            return false;
            //        }



            if (y == null || y == "") {
                alert("User Name is Not Empty");
                return false;
            }

            //        re = /^\w+$/;
            //        if (!re.test(form1.TextBox2.value)) {
            //            alert("Error: Username must contain only letters, numbers and underscores!");
            //            return false;
            //        }
            //        if ((y.length < 3) || (y.length > 8)) {
            //            alert("Your Character must be 3 to 8 Character");
            //            return false;
            //        }
            if (z == null || z == "") {
                alert("Password is Not Empty");
                return false;
            }

            //        re2 = /[0-9]/;
            //        if (!re2.test(form1.TextBox3.value)) {
            //            alert("Error: password must contain at least one number (0-9)!");
            //            form.pwd1.focus();
            //            return false;
            //        }
            //        re3 = /[a-z]/;
            //        if (!re3.test(form1.TextBox3.value)) {
            //            alert("Error: password must contain at least one lowercase letter (a-z)!");
            //            form.pwd1.focus();
            //            return false;
            //        }
            //        if ((z.length < 3) || (z.length > 8)) {
            //            alert("Your Character must be 3 to 8 Character");
            //            return false;
            //        }
        }
    </script>

    <script type="text/javascript">
        function restrictNumber(e) {

            //        	        if ((event.keyCode > 64 && event.keyCode < 91) || (event.keyCode > 96 && event.keyCode < 123) || event.keyCode == 8)
            //        	            return true;
            //        	        else {
            //        	            alert("Please enter only char");
            //        	            return false;
            //        	        }

        }
    </script>


</head>
<body id="LoginForm">
    <form id="form1" runat="server" onsubmit="return validateForm()">
        <div class="cs-page-loading active">
            <div class="cs-page-loading-inner">
                <div class="cs-page-spinner"></div>
                <span>Loading...</span>
            </div>
        </div>
        <main class="cs-page-wrapper d-flex flex-column">
              <header class="cs-header navbar navbar-expand-lg navbar-light navbar-floating">
      <div class="container px-0 px-xl-3">
        <button class="navbar-toggler ml-n2 mr-2" type="button" data-toggle="offcanvas"
          data-offcanvas-id="primaryMenu"><span class="navbar-toggler-icon"></span></button><a
          class="navbar-brand order-lg-1 mx-auto ml-lg-0 pr-lg-2 mr-lg-4" href="#"><img
            class=" d-lg-block" width="153" src="images/logo.png" alt="Realtime" id="Img" runat="server" /></a>
        <div class="d-flex align-items-center order-lg-3 ml-lg-auto">
          <a class="nav-link-style font-size-sm font-weight-bold text-nowrap d-none d-lg-inline-block" href="#"><i class="fe-mail font-size-xl mr-2"></i><asp:Label ID="lblemail" runat="server" Text=""></asp:Label></a>
          <a class="btn btn-primary font-weight-bold ml-grid-gutter d-none d-lg-inline-block" href="#"><i class="fe-phone mr-2"></i><asp:Label ID="lblphoneno" runat="server" Text=""></asp:Label></a></div>
        <div class="cs-offcanvas-collapse order-lg-2" id="primaryMenu">
          <div class="cs-offcanvas-cap navbar-box-shadow">
            <h5 class="mt-1 mb-0">Menu</h5>
            <button class="close lead" type="button" data-toggle="offcanvas" data-offcanvas-id="primaryMenu"><span
                aria-hidden="true">&times;</span></button>
          </div>
          <div class="cs-offcanvas-body">
              <!--Left Menu-->
              <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link" href="loginnew.aspx">Home</a></li>
                  <li class="nav-item"><a class="nav-link" href="//realtimebiometrics.com/about-us">About Us</a></li>
                <li class="nav-item" style="visibility:hidden" id="Pricelist" runat="server" visible="false"><a class="nav-link" href="newprice.aspx">Pricing</a></li>
                  <li class="nav-item d-none d-sm-block d-lg-none"><a href="#" class="nav-link">+91-8743 8743 34</a></li>
                  <li class="nav-item d-none d-sm-block d-lg-none"><a href="#" class="nav-link">helpline@realtimebiometrics.com</a></li>
              </ul>
            </div>
        </div>
      </div>
    </header>
              <div class="d-none d-md-block position-absolute w-50 h-100 bg-size-contain" style="top: 0; left: 0;"></div>
    <section class="container d-flex align-items-center pt-7" style="flex: 1 0 auto;">
      <div class="w-100">
        <div class="row">
          <div class="col-lg-6 col-md-6">
              <img src="images/new.gif" class="img-responsive mt-n6" />
          </div>
          <div class="col-lg-4 col-md-6 pt-4">
            <div class="cs-view show pt-4">
                <span class="text-dark font-weight-bold d-none">Login Type<sup class="text-danger ml-1">*</sup></span>
                <div class="form-group mt-2 d-none">
                  <asp:DropDownList ID="DropDownList1" runat="server" class="form-control" AutoPostBack="True">
                    </asp:DropDownList>
                   
                </div>
                <div class="row d-none">
                  <div class="col-3 form-group">
                    <span class="text-dark d-block mt-2 font-weight-bold">Language</span>
                  </div>
                    <div class="col-md-9 form-group">
                               <asp:DropDownList ID="ddlLanguage"   runat="server" class="form-control" style="height:40px;" onselectedindexchanged="ddlLanguage_SelectedIndexChanged">
              <asp:ListItem Text="Select" Value="-1"></asp:ListItem>
                                                            <asp:ListItem Text="English" Value="0"></asp:ListItem>
                                                           <%-- <asp:ListItem Text="Spanish" Value="1"></asp:ListItem>
                                                            <asp:ListItem Text="Arabic" Value="2"></asp:ListItem>
                                                            <asp:ListItem Text="Persian" Value="3"></asp:ListItem>
                                                            <asp:ListItem Text="Turkish" Value="4"></asp:ListItem>
                                                            <asp:ListItem Text="Thai" Value="5"></asp:ListItem>
                                                            <asp:ListItem Text="Chiness" Value="6"></asp:ListItem>
                                                      
                                                            <asp:ListItem Text="Danish" Value="8"></asp:ListItem>
                                                            <asp:ListItem Text="Swedish" Value="9"></asp:ListItem>
                                                            <asp:ListItem Text="Norwegian" Value="10"></asp:ListItem>--%>

                                                        </asp:DropDownList>
                    </div>
                </div>
                <span class="text-dark font-weight-bold">User Name<sup class="text-danger ml-1">*</sup></span>
                <div class="input-group-overlay form-group mt-2">
                  <div class="input-group-prepend-overlay"><span class="input-group-text"><i class="fe-user"></i></span>
                  </div>
                    <asp:TextBox runat="server" placeholder="Username" MaxLength="255" ID="TextBox2" cssclass="form-control prepended-form-control" type="text"></asp:TextBox>
                </div>
                <span class="text-dark font-weight-bold">Password<sup class="text-danger ml-1">*</sup></span>
                <div class="input-group-overlay cs-password-toggle form-group mt-2">
                  <div class="input-group-prepend-overlay"><span class="input-group-text"><i class="fe-lock"></i></span>
                  </div>
                    <asp:TextBox runat="server" placeholder="Password" cssclass="form-control prepended-form-control" OnTextChanged="TextBox3_TextChanged" type="password" TextMode="Password" ID="TextBox3"></asp:TextBox>
                  <label class="cs-password-toggle-btn">
                    <input class="custom-control-input" type="checkbox"/><i
                      class="fe-eye cs-password-toggle-indicator"></i><span class="sr-only">Show password</span>
                  </label>
                </div>
                <asp:Button ID="Button1" CssClass="login-btn btn btn-primary btn-block font-weight-bolder" runat="server" Text="Log In" onclick="Button1_Click" />
                 <a href="https://play.google.com/store/apps/details?id=com.RealtimeBiometrics.realtime"
	 <img height="55" alt="Realtime" id="output" runat="server" /></a> 
                <div class="mt-4 d-flex align-content-center justify-content-center">
<a href="https://play.google.com/store/apps/details?id=com.RealtimeBiometrics.realtime" class="btn-market btn-google mr-3" role="button">
  <span class="btn-market-subtitle">Download on the</span>
  <span class="btn-market-title">Google Play</span>
</a><a href="#" class="btn-market btn-apple" role="button">
  <span class="btn-market-subtitle">Download on the</span>
  <span class="btn-market-title">App Store</span>
</a></div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
        <hr style="border-color:orange" />
<div class="container py-4">
    <div class="row">
        <div class="col-3 text-center">
            <a class="glightbox" glightbox="" href="https://youtu.be/bCg98hkHvhs"> 
                <i class="fe fe-play" style="font-size:40px;position:absolute;top:32%;left:45%;"></i>
				<img src="images/sms.jpg" alt="Realtime" width="60%" class="img-thumbnail rounded-circle">
                <label>School Management System</label>
			</a>
        </div>
        <div class="col-3 text-center">
            <a class="glightbox" glightbox="" href="https://youtu.be/UduwqZLSmR4"> 
                <i class="fe fe-play" style="font-size:40px;position:absolute;top:32%;left:45%;"></i>
				<img src="images/accesscontrol.jpg" alt="Realtime" width="60%" class="img-thumbnail rounded-circle">
                <label>Access Control System</label>
			</a>
        </div>
        <div class="col-3 text-center">
            <a class="glightbox" glightbox="" href="https://youtu.be/phZKk8rICS4"> 
                <i class="fe fe-play" style="font-size:40px;position:absolute;top:32%;left:45%;"></i>
				<img src="images/mobile.jpg" alt="Realtime" width="60%" class="img-thumbnail rounded-circle">
                <label>Mobile Notifications</label>
			</a>
        </div>
        <div class="col-3 text-center">
            <a class="glightbox" glightbox="" href="https://youtu.be/WqNNgEhPun8"> 
                <i class="fe fe-play" style="font-size:40px;position:absolute;top:32%;left:45%;"></i>
				<img src="images/office.jpg" alt="Realtime" width="60%" class="img-thumbnail rounded-circle">
                <label>Parking Management System</label>
			</a>
        </div>
    </div>
</div>
        <footer class="cs-footer pt-1">
    <div class="container font-size-sm mb-0 py-3 text-center"><span class="text-muted mr-1">2021 © All rights reserved. Made by</span><a
        class="nav-link-style" href="//realtimebiometrics.com" target="_blank" rel="noopener">Realtime Biometrics Pvt. Ltd.</a></div>
  </footer>
        <script type="text/javascript" src="js/jquery.new.js"></script>
        <script type="text/javascript" src="js/bootstrap.new.js"></script>
        <script type="text/javascript" src="js/theme.new.js"></script>
        <script type="text/javascript" src="js/glightbox.js"></script>
        <script type="text/javascript">
            const lightbox = GLightbox({
                plyr: {
                    config: {
                        ratio: '16:9', // or '4:3'
                        muted: false,
                        hideControls: true,
                        youtube: {
                            // noCookie: true,
                            rel: 0,
                            showinfo: 0,
                            iv_load_policy: 3
                        }
                    }
                }
            });
        </script>
    </form>
</body>
</html>
